<template>
    <el-row class="search-container">
        <el-input class="search-input">
            <template #prefix>
                <el-icon class="el-input__icon">
                    <search />
                </el-icon>
            </template>
        </el-input>
        <el-button style="width:60px; height: 40px;">搜索</el-button>
    </el-row>

    <el-table class="general-card-header"  style="width: 100%">
        <el-table-column prop="date" label="订单信息" width="300" />
        <el-table-column prop="name" label="购买数量" width="200" />
        <el-table-column prop="address" label="单价" />
        <el-table-column prop="address" label="实付" />
        <el-table-column prop="address" label="状态" />
        <el-table-column prop="address" label="操作" />
    </el-table>


</template>

<script lang="ts">
import { defineComponent } from "vue";

export default defineComponent({
    name: "My_order",
});
</script>

<script setup lang="ts">


</script>


<style scoped lang="less">
.search-container {
    width: 960px;
    height: 50px;

    .search-input {
        width: 270px;
        height: 40px;
        margin-right: 20px;
    }
}

.general-card-header{
    margin-top: 40px;
    text-align: center;
    color: #0e0d0d;
    font-size: 14px;
    padding: 12px 0;
}
</style>
